<template>
    <dialogs
        :visible="visible"
        title="添加区域"
        width="500px"
    >
        <el-tree
        :data="data"
        show-checkbox
        node-key="id"
        :default-expanded-keys="[2, 3]"
        :default-checked-keys="[5]"
        :props="defaultProps">
        </el-tree>
    </dialogs>
</template>
<script>
export default {
    name: 'areas',
    props: {
        visible: {
            type: Object,
            default () {
                return {
                    show: true
                }
            }
        },
        type: {
            type: Number,// 0 省  1 市 2区
            default () {
                return 0
            }
        }
    },
    data () {
        return {
            data: [{
                id: 1,
                label: '一级 1',
                children: [{
                    id: 4,
                    label: '二级 1-1',
                    children: [{
                    id: 9,
                    label: '三级 1-1-1'
                    }, {
                    id: 10,
                    label: '三级 1-1-2'
                    }]
                }]
                }, {
                id: 2,
                label: '一级 2',
                children: [{
                    id: 5,
                    label: '二级 2-1'
                }, {
                    id: 6,
                    label: '二级 2-2'
                }]
                }, {
                id: 3,
                label: '一级 3',
                children: [{
                    id: 7,
                    label: '二级 3-1'
                }, {
                    id: 8,
                    label: '二级 3-2'
                }]
                }],
                defaultProps: {
                children: 'children',
                label: 'label'
                }
        }
    }
}
</script>